.chat-container {
    max-width: 90%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.message {
    display: inline-block;
    max-width: 80%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    clear: both;
}

.sender-message {
    float: right;
    background-color: #dcf8c6;
}

.receiver-message {
    float: left;
    background-color: #f5f5f5;
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}